import { h } from 'preact'
import List from 'preact-material-components/esm/List'
import 'preact-material-components/List/style.css'

export default ({ routes }) => (
    <List dense={false} two-line={false} avatar-list={false}>
        {routes.map((route) => (
            <List.LinkItem href={route.path}>{route.name}</List.LinkItem>
        ))}
    </List>
)
